<%@ page contentType="text/html;charset=UTF-8" %>
<%@ include file="/commons/taglibs.jsp" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>combo</title>
<link href="front/css/reg.css" rel="stylesheet" type="text/css" />
<link href="combo/css/select.css" rel="stylesheet" type="text/css" />
<link href="front/css/jquery.ui.all.css" rel="stylesheet" type="text/css">
<link href="front/css/flick/jquery-ui-1.8.18.custom.css" rel="stylesheet" type="text/css">
<link href="lyd/css/LYD.core.css" rel="stylesheet" type="text/css" />

<script type="text/javascript" src="front/js/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="front/js/swfobject/swfobject.js"></script>
<script type="text/javascript" src="front/js/jquery.ui.core.js"></script>
<script type="text/javascript" src="front/js/jquery.ui.datepicker.js"></script>
<script type="text/javascript" src="front/js/jquery.ui.widget.js"></script>
<script type="text/javascript" src="lyd/LYD.core.js"></script>
<script type="text/javascript" src="lyd/LYD.ajax.js"></script>
<script type="text/javascript" src="front/js/reg.js"></script>
<script type="text/javascript" src="front/js/others.js"></script>

<script type="text/javascript" src="combo/user/combo.user.js"></script>
<script type="text/javascript">
var CUSER = {
	uid : '${user.userdb.uid}',
	usertruename : '',
	school: '${user.userdb.school}',
	provinces : '${user.userdb.province}',
	city : '${user.userdb.city}',
	tips : ${user.tipJson}
};
swfobject.embedSWF("flash/TakePhoto.swf", "pic_upload_main", "700", "300", "10.0.0", "front/js/swfobject/expressInstall.swf");

$(document).ready(function () {
	
	USER.init();
	SETTING.init();
});
</script>
</head>

<body>
<!-- 导航 -->
<div id="top">
	<div class="width">
		<div class="logo"></div>
		<div class="top_hover"></div>
		<div class="account"></div>
        
	</div>
    
</div>
<!-- /导航结束 -->
<div id="background">
	<div class="width">
		<div id="scroll_main">
			<div class="width">
				<div id="step_scroll"> 
					<!-- 基本信息 --> 
					<div class="info_input">
						<div class="input_div">
							<div class="txt">登录名</div>
							<div class="email">${user.email }</div>
							<div class="local"><a href="#">修改密码</a></div>
							<div class="clear"></div>
						</div>
						<div class="input_div">
							<div class="txt">真实姓名</div>
							<div class="input_left">
								<div class="input_right">
									<div class="input_middle">
										<input class="input_style" id="c_name" type="text"  value="${user.USERTRUENAME}"/>
									</div>
								</div>
							</div>
							<div class="clear"></div>
						</div>
						<div class="input_div" id="c_sex">
							<div class="txt">性别</div>
							<div class="${user.userdb.usersex=='1'?'check_active':'check_no'}">男</div>
							<div class="${user.userdb.usersex=='0'?'check_active':'check_no'}">女</div>
							<div class="clear"></div>
						</div>
						<div class="input_div">
							<div class="txt">所在地</div>
							<div class="local_select" id="select_province"></div>
							<div class="local_select" id="select_city"></div>
							<div class="clear"></div>
						</div>
						<div class="input_div">
							<div class="txt">所在学校</div>
							<div class="school_select" id="select_school">请选择学校</div>
							<div class="clear"></div>
						</div>
						
						<div class="input_div">
							<div class="txt">生日</div>
							<div class="input_left">
								<div class="input_right">
									<div class="input_middle">
										<input id="c_birthday" class="input_style" type="text"  value="<fmt:formatDate pattern="yyyy年MM月dd日" value="${user.userdb.birth}"/>"/>
									</div>
								</div>
							</div>
							<div class="clear"></div>
						</div>
						<div class="input_div">
							<div class="txt">个人介绍</div>
							<div class="text_left">
								<div class="text_right">
									<div class="text_middle">
										<form id="form1" action="" method="post" name="form1">
											<label for="textarea"></label>
											<textarea id="c_introduce" class="input_txt" rows="5" cols="45" name="textarea">${user.userdb.introduce}</textarea>
										</form>
									</div>
								</div>
							</div>
							<div class="clear"></div>
						</div>
						<div class="info_save" id="submit_base"></div>
						<div class="info_cancel"></div>
					</div>
					<!-- /基本信息结束 -->
					<!-- 修改头像 -->
					<div id="step_two">
						<div class="pic_upload_main">
							<div id="pic_upload_main"></div>
						</div>
					</div>
					<!-- /修改头像结束 --> 
                    
									<!-- 选择标签 -->
					<div id="tab_select">
						<div id="step_two_main">
							<div class="top_tx">选择你想玩儿的热门标签：</div>
							<div class="tab_bg_top">
								<div class="tab_bg_bottom">
									<div class="tab_bg_middle"> 
									<!-- 热门标签 -->
										<c:forEach items="${tipCatalog}" var="t" varStatus="it">
											<div class="tabs"><a href="#" onclick="USER.getChildTip('${t.TIPID}','${t.TIPNAME}')">${t.TIPNAME}</a></div>
										</c:forEach>
										<!-- /热门标签结束 -->
										<div class="tab_bg2_top">
												<div class="tab_bg2_middle">
													<DIV id="childTip">
													<c:forEach items="${hotTIP}" var="h">
														<div class="_tabs"><a href="#" onclick="USER.getTip(${h.TIPID},'${h.TIPNAME}')">${h.TIPNAME}</a></div>
													</c:forEach>
													</DIV>
													<div class="clear"></div>
													<div class="bottom_object">
														<div class="input_tx">太少了？你还可以自己添加：</div>
														<div class="input_left">
															<div class="input_right">
																<div class="input_middle">
																	<input class="input_style" type="text" />
																</div>
															</div>
														</div>
														<div class="input_left">
															<div class="input_right">
																<div class="input_middle">
																	<input class="input_style" type="text" />
																</div>
															</div>
														</div>
														<div class="add_button"></div>
													</div>
													<div class="clear"></div>
													<div class="tab_bg2_bottom">
														<div class="_tab_bg2_middle"></div>
													</div>
												</div>
										</div>
										<div id="tabed" class="tabed">
											<div class="tx">可选择5个标签（<span id="t_index">${user.tiplist.size()}</span>/5）</div>
											<c:forEach items="${user.tiplist}" var="tip">
												<div class="tab_object" onclick="USER.removeTip(this,0,false)">${tip.tipname}</div>
											</c:forEach>
											<div class="tab_object_div">
												<div class="tab_save" id="submit_tip"></div>
												<div class="tab_cancel"></div>
											</div>
										</div>
										<div class="clear"></div>
									</div>
								</div>
							</div>
						</div>
					</div>
					<!-- /选择标签结束 -->  
                    <!-- 基本隐私 -->
					<div id="private_base">
                    	<div class="all_see" val="${user.SETBASE}">
							<div class="text"></div>
                        	<div class="pri_selectbox">所有人可见</div>
                        </div>
                        <div class="my_pro" val="${user.SETSTATUS}">
							<div class="text"></div>
                        	<div class="pri_selectbox">所有人可见</div>
                        </div>
                        <div class="school_info" val="${user.SETSCHOOL}">
							<div class="text"></div>
                        	<div class="pri_selectbox">所有人可见</div>
                        </div>
                        <div class="my_tip" val="${user.SETTIP}">
							<div class="text"></div>
                        	<div class="pri_selectbox">所有人可见</div>
                        </div>
                        <div class="write_board" val="${user.SETMSG}"> 
							<div class="text"></div>
                        	<div class="pri_selectbox">所有人可见</div>
                        </div>
                         <div class="my_portinfo" val="${user.SETPUBLISH}">
							<div class="text"></div>
                        	<div class="pri_selectbox">所有人可见</div>
                        </div>
                         <div class="myround" val="${user.SETROUND}">
							<div class="text"></div>
                        	<div class="pri_selectbox">所有人可见</div>
                        </div>
                         <div class="my_active" val="${user.SETACTIVITY}">
							<div class="text"></div>
                        	<div class="pri_selectbox">所有人可见</div>
                        </div>
                        <div class="select_box">
                        	<div class="option_box1"></div>
                            <div class="option_box2"></div>
                            <div class="option_box3"></div>
                            <div class="option_box4"></div>
                        </div>
                        <div id=user_setting style="margin:60px 0 0 -500px"><img src="front/images/reg/info_save_button.png"/></div>
					</div>
					
					<!-- /基本隐私结束 --> 
                    <!-- 黑名单-->
					<div id="black_name">
                    	<div class="long_text"></div>
                        <div class="name_box">
                        	<div class="name_text"></div>
                            <div class="name_input"><input type="text" class="box"/></div>
                            <div class="name_button"></div>
                        </div>
                        <div class="black_title"></div>
                        <div class="black_textbox"></div>
					</div>
					<!-- /黑名单结束 --> 
                     <!-- 屏蔽-->
					<div id="cannot_see">
                    	<div class="run_box"></div>
                    	<div class="scroll_box">
                        	<div class="user_button"></div>
                            <div class="active_button"></div>
                            <div class="round_button"></div>
                        </div>
                        <div style="width:700px; height:2px; position:absolute; top:95px; left:0; border:2px #666;"><hr /></div>
                        <!--屏蔽用户-->
                    	<div class="pingbi_user">
                        	<div class="pingbi_user_text"></div>
                            <div class="pingbi_area">
                            	<div class="area_text"></div>
                                <div class="area_box"></div>
                                <div class="area_button"></div>
                            </div>
                            <div class="gray_box">
                            	<div class="pingbi_name">被屏蔽的用户</div>
                                <div class="pingbi_time">屏蔽时间</div>
                            </div>
                            <div class="add_gray_box">
                            	<div class="pingbi_name"><a href="#">花同学</a></div>
                                <div class="pingbi_time">2012年4月12日</div>
                                <div class="cancel_button"></div>
                            </div>
                        </div>
                        <!--屏蔽用户结束-->
                        <!--屏蔽活动-->
                    	<div class="pingbi_active">
                        	<div class="pingbi_user_text"></div>
                            <div class="pingbi_area">
                            	<div class="area_text"></div>
                                <div class="area_box"></div>
                                <div class="area_button"></div>
                            </div>
                            <div class="gray_box">
                            	<div class="pingbi_name">被屏蔽的用户</div>
                                <div class="pingbi_time">屏蔽时间</div>
                            </div>
                            <div class="add_gray_box">
                            	<div class="pingbi_name"><a href="#">花同学</a></div>
                                <div class="pingbi_time">2012年4月12日</div>
                                <div class="cancel_button"></div>
                            </div>
                        </div>
                        <!--屏蔽活动结束-->
                        <!--屏蔽圈子-->
                    	<div class="pingbi_round">
                        	<div class="pingbi_user_text"></div>
                            <div class="pingbi_area">
                            	<div class="area_text"></div>
                                <div class="area_box"></div>
                                <div class="area_button"></div>
                            </div>
                            <div class="gray_box">
                            	<div class="pingbi_name">被屏蔽的用户</div>
                                <div class="pingbi_time">屏蔽时间</div>
                            </div>
                            <div class="add_gray_box">
                            	<div class="pingbi_name"><a href="#">花同学</a></div>
                                <div class="pingbi_time">2012年4月12日</div>
                                <div class="cancel_button"></div>
                            </div>
                        </div>
                        <!--屏蔽圈子结束-->
					</div>
					<!--屏蔽结束 --> 
				</div>
			</div>
		</div>
		<!-- 设置 -->
		<div class="info">
			<div class="account_active"></div>
			<ul class="ul_info">
				<li class="jiben_active"></li>
				<li class="xiugai"></li>
				<li class="xuanze"></li>
			</ul>
			<div class="privacy"></div>
			<div class="info_icon"></div>
			<ul class="ul_privacy">
				<li class="private_active"><div style=" background:url(front/images/personal_set/base_private.png) no-repeat; width:100px; height:20px;"></div></li>
				<li class="private"><div><div style=" background:url(front/images/personal_set/black_name.png) no-repeat; width:100px; height:20px;"></div></li>
				<li class="private"><div><div style=" background:url(front/images/personal_set/dislook.png) no-repeat; width:100px; height:20px;"></div></li>
			</ul>
		</div>
		<!-- 设置 --> 
	</div>
</div>
<!-- 省选择选择 -->
<div id="city_list" class="city_object">
	<div class="city_main">
		<div class="city_top">
			<div class="city_topic">选择你的城市</div>
			<div class="city_bubble">为已有地图的城市</div>
			<div class="city_block"></div>
		</div>
		<div class="cities">
		<c:forEach items="${provices}" var="p">
			<span code="${p.code}">${p.PROVINCESNAME}</span> 
		</c:forEach>
			<p class="clear"></p>
		</div>
		<div class="cities_add"> 
			<span></span>
			<p class="clear"></p>
		</div>
	</div>
</div>
<!-- /城市选择结束 -->

<!-- 选择学校 -->
<div id="school_list" class="city_object">
	<div class="city_main">
		<div class="city_top">
			<div class="city_topic">选择你的学校</div>
		</div>
		<div class="cities">
		<c:forEach items="${provices}" var="p">
			<span code="${p.code}">${p.PROVINCESNAME}</span> 
		</c:forEach>
			<p class="clear"></p>
		</div>
		<div class="cities_add"> 
			<span></span>
			<p class="clear"></p>
		</div>
	</div>
</div>
<!-- /选择学校 -->
</body>
</html>


